<template>
  <div class="count">
    <h2>我是count组件: {{ count }}</h2>
    <button @click="count++">更新</button>
    <button @click="$destroy()">把我自己给卸了</button>
    <button v-role="'superAdmin'">新增</button>
    <button v-role="'superAdmin'">删除</button>
    <button v-role="'admin'">修改</button>
  </div>
</template>

<script>
export default {
  name: "Count",
  data() {
    return {
      count: 0,
    };
  },
};
</script>

<style scoped>
.count {
  background-color: pink;
}
</style>
